From 1cef356be95a67f95d40f5b0b131f98d11f13c13 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Sat, 12 Sep 2026 22:22:33 +0200
Subject: Extract Button primitive, migrate all call sites

Variants primary/accent/ghost/done with scoped styles.
Disabled handling unified; block/size/style props cover
login stretch, done-lg, save-check positioning.
Delete btn-* globals and dead page overrides.
---
 src/routes/grocery/[id]/+page.svelte | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

(limited to 'src/routes/grocery/[id]')

diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index 4a96f32..8a0a479 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
+	import Button from '$lib/components/Button.svelte';
 
 	let { data, form } = $props();
 	let name = $state('');
@@ -132,7 +133,7 @@
 				/>
 			</label>
 		</div>
-		<button class="btn-primary" type="submit">Ajouter une référence</button>
+		<Button>Ajouter une référence</Button>
 	</form>
 
 	{#if form?.error}
@@ -154,15 +155,9 @@
 							<span class="ref-detail">Note : {ref.qualityScore}/100</span>
 						{/if}
 					</div>
-					<button
-						class="btn-ghost"
-						name="id"
-						value={ref.id}
-						type="submit"
-						aria-label="Supprimer"
+					<Button variant="ghost" name="id" value={ref.id} ariaLabel="Supprimer"
+						>&times;</Button
 					>
-						&times;
-					</button>
 				</li>
 			{/each}
 		</ul>
-- 
cgit v1.3